<template>
	<view class="scen-rating">
		<!--标题栏-->
		<view class="fixed">
			<bar-title bgColor="bg-shadeTop text-white"
				:isBack="true"
				:isSolid="false"
			>
				<block slot="content">黄粱梦</block>
				<block slot="right">
					<button class="cu-btn bg-cyan">发布</button>
				</block>
			</bar-title>
		</view>
		
		<view class="bg-rating">
			
		</view>
	
		<view class="rating-content bg-white">
			<view class="rating-tit">
				<input type="text" placeholder="评论标题" confirm-type="search"></input>
			</view>
			<view class="rating-con padding-top">
				<textarea maxlength="-1"
					class="response"
					:disabled="modalName!=null" 
					@input="textareaAInput" 
					placeholder="快来写下你玩过后的感受吧~"
				></textarea>
			</view>
			<button class="rating-btn cu-btn block ">
				<text>添加图片</text>
			</button>
		</view>
	
		
	</view>
</template>

<script module="brief" lang="wxs">
    function strIsCut(str) {
    	var cutStatus = !!(str.length > 60 )
        return cutStatus
    }
	function stringCut(str, status) {
		if(status) {
			str = str.substring(0, 60) + '......'
		}
        return str
    }
    module.exports = {
		strIsCut: strIsCut,
		stringCut: stringCut
    }
</script>

<script>
import ViewScen from '@/components/box/ViewScen.vue';
export default {
	components: {
		ViewScen
	},
	data() {
		return {
			modalName: '',
			openIntroStatus: true,
			inftro: 'MIOU谜友-桌游线造的社区化剧本杀娱乐平台造的社区化剧本杀娱乐平台造的社区化剧本杀娱乐平台造的社区化剧本杀娱乐平台造的社区化剧本杀娱乐平台。在具体试试上，MIOU谜友聚焦剧本杀游戏体验。联合国内多家知',
			scenList: []
		}
	},
	onLoad(option) {
		
	},
	methods: {
		async getStudioList() {
			let studio = await this.$apis.scenList({
				publisher_id: this.studio.id,
				page: this.page
			})
			this.scenList = studio.data
			console.log(this.scenList);
		},
		openIntro() {
			this.openIntroStatus = false
		},
		closeIntro() {
			this.openIntroStatus = true
		},
	}
}
</script>

<style lang="scss" scoped>
page{
	height: 100%;
}
.scen-rating{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.scen-rating{
	background-color: #292C3F;
	.bg-rating{
		height: 400rpx;
	}
	.rating-content{
		flex: 1;
		background-color: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
		position: relative;
		padding-bottom: 110rpx;
		display: flex;
		flex-direction: column;
	}
	.rating-tit{
		border-bottom: 1px solid #E1E1E1;
		padding: 30rpx 0;
		margin: 0 30rpx;
		input{
			font-size: 30rpx;
			color: #323232;
			line-height: 70rpx;
			height: 70rpx;
		}
	}
	.rating-con{
		flex: 1;
		padding: 30rpx;
		.response{
			height: 100%;
			width: 100%;
		}
	}
	.rating-btn{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 110rpx;
		line-height: 110rpx;
		color: #000000;
		font-size: 28rpx;
		text-align: center;
		background-color: #F7F9FF;
	}
}
.fixed {
	position: fixed;
	z-index: 99;
}

</style>
